<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/index.css">
    <!-- 引入 ECharts 文件 -->
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.1.2/dist/echarts.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.min.js"></script>
    <script type="text/javascript" src="js/jq/jquery-1.11.0.min.js"></script>
</head>

<body>
<div id="app">
    <h1>数据展示</h1>
    <hr>
    <ul id="general">
        <li v-for="item in dataitems">
            <img :src="'/static/images/'+ item.icon" width="36">
            <div class="data_div">
                <div class="detail">{{ item.value | numberFormat }}</div>
                <div class="detail">{{ item.name }}</div>
            </div>
        </li>
    </ul>
</div>

<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
<div id="bar1" style="width: 800px;height:600px;float: left;"></div>

<div style="float: left;">
    <span>开始时间：</span><input type="date" value="2020-01-01" id="start_date">
    <span>结束时间：</span><input type="date" value="2020-03-01" id="end_date">
    <button class="btn-success" id="get_btn">获取k线图</button>
    <div id="kline1" style="width: 800px;height:600px;"></div>
</div>



<script type="text/javascript" src="js/kline/kline.js"></script>

<script type="text/javascript" src="js/index.js"></script>

<script type="text/javascript" src="js/index_echarts.js"></script>


</body>
</html>